<html>
    <head>
        <title>进度明细</title>
        <link rel="stylesheet" href="../../../assets/theme-chalk/index.css">
        <link rel="stylesheet" href="../../../style.css">

        <style>
            body{
                background: #F0F2F6;
            }


            .main-head{
                background: #fff;
                padding-left: 10px;
                padding-top: 10px;
                margin-bottom: 0px;
                border: solid 1px #fff;
            }

            .chart-outer{
                height: 200px;
            }




        </style>
    </head>
    <body>
        <div class="page" id="page-vue">

            <div class="page-title">企业申报 › 进度明细</div>
            <div class="page-main">
                <el-row>
                    <el-col :span="24">
                        <div class="main-head">

                            <el-form :inline="true" size="small">
                                <el-form-item label="申报日期">
                                    <el-date-picker type="month" v-model="day" placeholder="日期" style="width: 150px;" value-format="yyyy-MM-dd"></el-date-picker>
                                </el-form-item>

                                <el-form-item label="选择区域">
                                    <!--
                                    <el-cascader :options="query.area"></el-cascader>
                                    -->
                                    <selcity v-bind:seloption="query.area" @onchange="onAreaChange"></selcity>
                                </el-form-item>

                                <el-form-item label="企业名称">
                                    <el-input placeholder="名称/代码" style="width: 150px;"></el-input>
                                </el-form-item>

                                <el-form-item label="组别" >
                                    <el-select style="width: 150px;">
                                        <el-option>1</el-option>
                                        <el-option>2</el-option>
                                    </el-select>
                                </el-form-item>

                                <el-form-item>
                                    <el-button type="primary" @click="search">查询</el-button>
                                </el-form-item>
                            </el-form>

                        </div>

                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="24">
                        <el-table :data="tableData" height="250" :stripe="true" :border="true" size="mini" style="width: 100%" @selection-change="onCheckbox">
                            <el-table-column type="selection" width="55"></el-table-column>
                            <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
                            <el-table-column prop="projectName" label="企业名称">
                                    <template slot-scope="scope">
                                            <a href="declare-detail.html">{{scope.row.projectName}}</a>
                                        </template>
                            </el-table-column>
                            <el-table-column prop="city" label="所属地市"></el-table-column>
                            <el-table-column prop="manager" label="联系人"></el-table-column>
                            <el-table-column prop="phone" label="联系电话">
                                <template slot-scope="scope">
                                    <span class="level">{{scope.row.phone}}</span>
                                </template>
                            </el-table-column>
                            <el-table-column prop="reporter" label="填报人" ></el-table-column>
                            <el-table-column prop="reporterPhone" label="电话"></el-table-column>

                            <el-table-column label="申报表" align="center">

                                <el-table-column prop="reportFlag1" label="表1" width="60"></el-table-column>
                                <el-table-column prop="reportFlag2" label="表2" width="60"></el-table-column>
                                <el-table-column prop="reportFlag3" label="表3" width="60"></el-table-column>

                            </el-table-column>
                        </el-table>
                    </el-col>
                </el-row>
            </div>



            <div class="page-footer">
                <el-pagination style="float:right" background layout="prev, pager, next" :total="total" :current-page.sync="currentPage" :page-size="pagesize" @current-change="onChangePage">
                </el-pagination>
            </div>


        </div>



        <script type='text/javascript' src='../../../assets/bundle.js' charset='utf-8'></script>
        <script type='text/javascript' src='../../../assets/jquery-1.11.2.min.js' charset='utf-8'></script>
        <script type='text/javascript' src='../../../assets/echarts.min.js' charset='utf-8'></script>

        <script type='text/javascript' src='../../../js/common.js' charset='utf-8'></script>
        <script type='text/javascript' src='../../../js/component.js' charset='utf-8'></script>

        <script>

            var vuePage=new Vue({
                el:'#page-vue',
                data:{
                    query:{
                        area:[]
                    },
                    day:'',
                    tableData:[],
                    total:20,
                    currentPage:1,
                    pagesize:10
                },
                methods:{
                    search:function(){
                        alert(JSON.stringify(this.query.area));
                    },

                    onCheckbox:function(row){

                    },

                    onChangePage:function(val){

                    },

                    onAreaChange:function(val){
                        this.query.area = val;
                        alert(JSON.stringify(val));
                    },

                    loadProssDatas:function(){
                        HttpUtil.get('Project/reportStatus', {
                            projectNo: '',
                            year: '',
                            month: ''
                        })
                    }



                },
                created:function(){

                    //this.day = TimeUtil.convertToString(new Date()).substr(0,10);


                    this.tableData=[{
                        id:0,
                        projectName:'浙江大好大股份有限公司',
                        province:'浙江省',
                        city:'杭州市',
                        zone:'滨江区',
                        address:'西湖大道1号',
                        manager:'李大霄',
                        phone:'18922223333',
                        reporter:'周大梅',
                        reporterPhone:'13699933334',
                        reportFlag1:'已上报',
                        reportFlag2:'已上报',
                        reportFlag3:'已上报',
                    }];


                },
                mounted:function(){


                }
            });


        </script>

    </body>
</html>
